.essence-main{
    padding: 0.42rem 0.39rem;
    .header{
        position: relative;
        .line{
            position: relative;
            bottom: 1.5px;
            display: inline-block;
            width: 0.09rem;
            height: 0.39rem;
            margin-right: .25rem;
            border-radius: 1px;
            vertical-align: middle;
        }
        .hot-line{
            background-color: #f40000;
        }
        .collection-line{
            background-color: #0098f8;
        }
        .retain-line{
            background-color: #049f00;
        }
        .end-line{
            background-color: #9f0096;
        }
        .other-line{
            background-color: #ff6600;
        }
        .plate-title{
            color: #4b4b4b;
            font-size: 0.365rem;
        }
        .see-plate{
            position: absolute;
            top: 5px;
            right: 8px;
            color: #1c8ae7;
            font-size: 0.313rem;
        }
    }
    .content{
        display: flex;
        justify-content: space-between;
        padding: 0.35rem;
        .left,.center,.right{
            flex: 0 0 2.86rem;
            text-align: center;
            .novel-icon{
                width: 2.86rem;
                height: 3.8rem;
                border-radius: 2px;
            }
            .novel-name{
                width: 2.86rem;
                color: #3b3f47;
                font-size: 0.365rem;
            }
            .novel-author{
                width: 2.86rem;
                color: #838a96;
                font-size: 0.261rem;
            }
        }
    }
    .like-content{
        .tab-wrapper{
            text-align: center;
            .tab-item{
                display: inline-block;
                position: relative;
                margin: 0 0.4rem;
                button{
                    height: .5rem;
                    color: #4b4b4b; 
                    font-size: 0.3rem;
                 }
                .line{
                    position: absolute;
                    left: 50%;
                    bottom: -1px;
                    transform: translateX(-50%);
                    display: inline-block;
                    width: 50%;
                    height: 1.5px;
                    background-color: #4b4b4b;
                    
                }
            }
        }
        .list{
            margin-top: 0.39rem;
            ul{
                li{
                    a{
                        display: flex;
                        padding: 0.39rem;
                        padding-top: 0;
                        &:last-child{
                            padding-bottom: 0;
                        }
                        .left{
                            flex: 0 0 1.67rem;
                            margin-right: 0.39rem;
                            img{
                                width: 100%;
                                height: 2.31rem;
                            }
                        }
                        .right{
                            padding-bottom: 0.3rem;
                            border-bottom: 1px solid #efefef; 
                            p{
                                width: 7.8rem;
                                font-size: 0.38rem;
                                color: #838a96; 
                            }
                            .title{
                                position: relative;
                                color: #3b3f47;
                                font-size: 0.4rem;
                                .update-time{
                                    position: absolute;
                                    top: 1px;
                                    right: .5rem;
                                    color: #838a96;
                                    font-size: 0.313rem;
                                }
                            }
                        }
                        
                    }
                    &:last-child{
                        .right{
                            border: 0;
                        }
                    }
                }
            }
        }
        .enter-btn{
            width: 8rem;
            height: 1.2rem;
            margin: 0.5rem 0;
            background-color: #1c8ae7;
            border-radius: 0.2rem;
            color: #ffffff;
            font-size: 0.42rem;
        }
        .girls-enter-btn{
            background-color: #f43063;
        }
    }
    .footer{
        padding-top: .5rem ;
        font-size: .36rem;
        color: #999999;
        text-align: center;
    }
}